<?php 
include('connection/connection.php');
?>

<!DOCTYPE HTML>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js"></script>
<script type="text/javascript">
animatedcollapse.addDiv('q1andq2', 'fade=0,speed=400,group=pets,hide=1')
animatedcollapse.addDiv('q3', 'fade=0,speed=400,group=pets,hide=1')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
	//$: Access to jQuery
	//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
	//state: "block" or "none", depending on state
}
animatedcollapse.init()
</script>

<body>
Select District : 
<label>
<select name="district" id="district">
<option value="">Select district</option>
<?php
$qry="select DISTINCT district_id, district_name from tbl_lookup_location order by district_name";
echo $qry;
$result=mysql_query($qry);
while(list($id, $name)=mysql_fetch_array($result))
{
    echo "<option value=\"$id\">$name</option> \n" ;
}  
?>
</select>
</label>
<p><b>MIS Report</b></p>
<a href="#" rel="toggle[q1andq2]" data-openimage="collapse.jpg" data-closedimage="expand.jpg"><img src="collapse.jpg" border="0" /></a> <a href="javascript:animatedcollapse.show('q1andq2')">Slide Down</a> || <a href="javascript:animatedcollapse.hide('q1andq2')">Slide Up</a>
<div id="q1andq2" style="width: 800px; background: #BDF381;">



<table width="795" border="1">
  <tr>
    <td colspan="2"><div align="center"><strong>MIS Report</strong></div></td>
    </tr>
  <tr>
    <td width="69">Table 1 </td>
    <td width="710"><a href="">Questionnaire wise reports for all districts</a></td>
  </tr>
  <tr>
    <td>Table 2 </td>
    <td><a href="">User wise report which is entered by every user</a></td>
  </tr>
  <tr>
    <td>Table 3 </td>
    <td><a href="">Date wise entry of forms</a></td>
  </tr>
 </table>

</div>


</body>